<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo -->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css" />
		
		<!-- conditional comment: CSS para Explorer 7 y menor -->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery.plugins.js" type="text/javascript"></script>
<script src="js/pagedrawer.js" type="text/javascript"></script>
<script src="js/qprm_ls.js" type="text/javascript"></script>
<script src="js/cestavip.js" type="text/javascript"></script>
<script src="js/footerBlock.js" type="text/javascript"></script>
<script src="js/ofertasBlock.js" type="text/javascript"></script>
		<!-- incluir scripts
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/locationSelector.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>	
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
		<script type="text/javascript" src="js/fileuploader.js"></script>
		<script type="text/javascript" src="js/s3Capcha.js"></script>
		<script type="text/javascript" src="js/feeds.js"></script>
		<script type="text/javascript" src="js/feeds_home.js"></script>
		 end incluir scripts -->

	</head>
	
	<body>
		<a name="top"></a>
		<div id="fb-root"></div>
	
		<noscript>
			<div id="aviso_js">
				<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
			</div>
		</noscript>

		<!-- conditional comment: aviso para Explorer 6 y menor -->
			<!--[if lte IE 6]>
				<div id="aviso_ie">
					<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
					<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
				</div>
			<![endif]-->

		<div class="header hidden" id="header">
			<div class="session-links">
				<a title="Accede a tu cuenta Qporama" href="registro">Inicia sessión</a>
				<a title="Crea una cuenta Qporama" href="registro">Regístrate</a>
			</div> <!-- / .social-links -->	
			
			<div class="social-links">
				<a title="Visita la página Facebook de Qporama" class="facebook" href="facebook"><span>facebook</span></a>
				<a title="Visita la página Twitter de Qporama" class="twitter" href="twitter"><span>twitter</span></a>
			</div> <!-- / .social-links -->	
	
	
			<h2 class="logo_claim">
				<a class="logo" name="top" title="volver a la página de inicio" href="index.html">
					<span class="hidden">Qporama: Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</span>
				</a>
			</h2>
			<h1 class="claim">
				Conecta con tus <strong>marcas</strong> favoritas y <br />accede a <strong>regalos</strong> y ofertas <strong>exclusivas</strong>
			</h1>
		</div> <!-- / .header -->
	
		<div class="fondo-pagina" style="background: url(css/css_images/fondo-home-beige.jpg);">
			<div class="gradient">&nbsp;</div>
		</div>

		<div class="buscar">
			<form action="#" method="get">
				<p class="fondo-input-buscar l"><input type="text" id="buscar" value="Busca un negocio o una oferta" /></p>

				<ul class="fondo-select selecciona-categoria">
					<li class="catselector-link" onclick="$('#CatSelector').slideToggle('fast');">Selecciona una categoría
						<ul id="CatSelector">
							<li><a title="Moda y Complementos" href="#">Comer y beber</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
						</ul>
					</li>
				</ul>

				<p class="fondo-select l" style="position: relative; left: -2px; z-index: 0;"><input type="text" id="location_selector_ciudad" value="Barcelona" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				<p class="boton secundario grande l"><input type="submit" value="buscar" /></p>
			</form>
		</div> <!-- cerrar buscar -->

<!-- aqui empieza el div class="page -->

<div class="page">

	<!-- columna de contenido lateral -->
			<div class="c-320 hidden" id="corporate">
		<!-- aqui se ponen los modulos de la izquierda -->

		<!-- PUBLICIDAD MEMBER GET MEMBER -->
			<div class="caja mgm">
				<div class="content">
					<div class="mgm-contenido" style="margin-left: -10px; width: 105px; font-size: 12px; line-height: 1.5em;">
						<h3>¡Gana puntos invitando a tus amig@s!</h3>
						<p class="peque" style="margin-top: 9px; line-height: 1.5em;">
							Por cada amig@ que traigas a Qporama ganas hasta <strong>20 puntos</strong>.
							<a href="#" class="microbot" style="margin-top: 9px; padding: 3px 5px; background-color: #333;">Particípa</a>
						</p>
						<a title="¡Empieza a ganar puntos ya!" href="#" style="display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;"></a>
					</div> <!-- cerrar mgm-contenido -->
				</div> <!-- cerrar content -->
			</div> <!-- cerrar caja -->

		<!-- PUBLICIDAD CANAL PEQUENO CLARO -->
			<div class="canal mini">
				<p class="canal-tag"><span>CANAL</span></p>
				<div class="latpub">
					<img src="images/canales/san-valentin-claro.png" alt="" />
					<h3>Ofertas de San Valentin</h3>
					<p class="peque"><a class="generic" href="#">Descubre ofertas de San Valentin</a></p>
				</div> <!-- cerrar latpub -->
			</div> <!-- cerrar canal -->
		
			</div> <!-- cerrar columna de 320px de ancho -->
	
	<!-- columna de contenido principal -->
	<div class="c-620 hidden" id="coupons"> <!-- caja de cabecera de contenido. puede variar en cada pagina -->

	<!-- caja de cabecera de contenido. puede variar en cada pagina -->
			<div class="caja c620 f1f1f1 unido-top">
				<div class="content">
					<h2 class="titulo-principal">Pans &amp; Fans</h2>
					<p class="soft">Barcelona <small class="ver-mapa"><a href="#mapa">[ver mapa]</a></small></p>


<!-- root element for scrollable -->
			<div class="scrollable unido-bot sintarjeta" id="chained">
  <!-- root element for the items -->
			  <div class="items">

					<div> <!-- ELEMENT 1   -->
				<!-- caja oferta fondo blanco -->
					<div class="caja c620 unido-bot oferta_index">
						<div class="content">

							<div class="oferta-marca w50px">
								<img src="images/pans/pans-logo-thumb.png" alt="Pans &amp; Fans" width="50" height="50" /><span class="cornersfff"></span>
								<h5 class="oferta-marca-nombre">Pans &amp; Fans</h5>
							</div>

							<div class="no_scroll">
								<div class="pics">
									<div><img src="images/pans/ofertas/menu-tentacion/menu-tentacion-2-gr.jpg" alt="" width="220" height="220" /><span class="cornersfff"></span></div>
								</div>
							</div> <!-- cerrar no_scroll -->

							<div class="ofertacontent">
								<h1 class="oferta">Menú Tentación gratis</h1>
								<div class="price-buy">
									<p class="price">
										<strong>5</strong> + <strong>1</strong>
									</p>
	
									<p class="bolitas">
										<!--span class="activada"><b>√</b></span-->
										<span><b>0</b></span>
										<span><b>0</b></span>
										<span><b>0</b></span>
										<span><b>0</b></span>
										<span><b>0</b></span>
									</p>

									<div class="buy">
										<p class="boton no-activado grande">
											<a href="#">valida 5 cupones</a> y te regalamos un menú
										</p>
									</div> <!-- cerrar buy -->
								</div> <!-- cerrar price_buy -->

								<div class="counter-discount">
									<div class="contador">
										<div id="defaultCountdown" class="hasCountdown">
											<span class="countdown_row countdown_show3">
												<span class="countdown_section">
													<span class="countdown_amount">5</span><br>DÍAS</span>
													<span class="countdown_section"><span class="countdown_amount">18</span><br>HORAS</span>
													<span class="countdown_section"><span class="countdown_amount">50</span><br>MINUTOS</span>
												</span>
											</div>
											<small class="micro counter-title">la oferta caduca en:</small>
									</div> <!-- cerrar contador -->
									<div class="discount">
										<div class="hasCountdown">
											<span class="countdown_row countdown_show3">
												<span class="countdown_section">
													<span class="countdown_amount">6 €</span>
													<br />VALOR REAL
												</span>
												<span class="countdown_section">	
													<span class="countdown_amount">50 %</span>
													<br />DESCUENTO <!--small class="micro counter-title">HASTA</small -->
												</span>
												<span class="countdown_section">
													<span class="countdown_amount">3 €</span>
													<br />AHORRO <!--small class="micro counter-title">HASTA</small -->
												</span>
											</span>
										</div>
									</div> <!-- cerrar discount -->
								</div> <!-- cerrar counter-discount -->


<!--						compartir-oferta -->
								<div class="compartir-oferta">
									<div class="compartir-facebook">
										<iframe scrolling="no" frameborder="0" allowtransparency="true" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.elpais.com%2Farticulo%2F20110426elpeputec_6%2FTes&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=recommend&amp;colorscheme=light&amp;height=21"></iframe>
									</div>
									<div class="compartir-twitter">
										<iframe scrolling="no" frameborder="0" src="http://platform.twitter.com/widgets/tweet_button.html?url=http://www.elpais.com/articulo/tecnologia/Facebook/Send/boton/compartir/grupo/elpeputec/20110426elpeputec_6/Tes&amp;via=el_pais&amp;text=%27Facebook%20Send%27%2C%20el%20bot%C3%B3n%20para%20compartir%20en%20grupo&amp;related=el_pais&amp;count=horizontal&amp;lang=es" class="twitter-share-button twitter-count-horizontal" tabindex="0" allowtransparency="true"></iframe>
									</div>
									<div class="compartir-email">
										<a title="comparte por e-mail" href="#" class="e-mail"><small>e-mail</small></a>
									</div>
								</div> <!-- cerrar compartir-oferta -->



								</div> <!-- cerrar ofertacontent -->
								<div class="clear">&nbsp;</div>

							</div> <!-- cerrar content -->

							<div class="cierre"></div>
						</div> <!-- cerrar caja -->	
      		</div> <!-- / ELEMENT 1 -->


    		</div> <!-- cerrar .items -->
    	</div> <!-- cerrar .scrollable -->

			<!-- se cierra la caja gris de navegacion del slide de ofertas  -->
					<p><a class="prev browse left"></a> <a class="next browse right"></a></p>
				<!-- wrapper for navigator elements -->
					<div class="navi mod_navi"></div>
				</div>
				<div class="cierre"></div>
			</div> <!-- cerrar caja -->		

		<div class="clear"></div>

	





<!--		TPL FEEDS CON IMAGENES GRANDES -->

<div class="hidden" id="block-ofertas">
	<div id="banners">
<!-- caja de cabecera de contenido. puede variar en cada pagina -->
			<div class="caja c620 f1f1f1 unido-top" id="headerBloque">
			</div>
			<div class="caja c620 f1f1f1 unido-top hidden" id="no_headerBloque">
				<div class="content">
					<h2 class="titulo-principal">Texto Alternativo</h2>
				</div>
			</div>

			<div class="feeds-grandes json1" id="ofertas">
			</div>
<!--		cerrar feeds-grandes -->		
	</div>
</div>
<div id="headerBloque-template" class="hidden">
	<div class="content">
		<h2 class="titulo-principal">${title}</h2>
	</div>
</div>
<!-- TEMPLATE OFERTAS -->
<div id="ofertas-template" class="hidden">
	<!--			caja oferta fondo blanco -->
					<div class="caja c620 unido-bot">
						<div class="content" >
						      <div class="${showUrl}">
							<a class="feedlink json1_link" target="${target}" title="${url}" href="javascript:void(0);"></a>
						      </div>
							<div class="pics w170px">
								<img class="json1_img" width="170" height="170" alt="" title="${img}" src="images/pix-trans.gif"><span class="cornersfff"></span>
							</div>
							<div class="ofertacontent">
								<div class="oferta-marca w50px">
									<h5 class="oferta-marca-nombre">${title}</h5>
								</div>
								<h2 class="oferta">${text}</h2>

								<div class="precio-categoria-compartir">
									<div class="price-buy">
										<p class="price">${price}</p>
										<div class="buy">
											<p class="boton primario"><a class="checkout_trigger json1_link" title="/detail/${id}" href="">compra ya</a></p>
										</div> <!-- cerrar buy -->
									</div> <!-- cerrar price_buy -->
	
									<div class="box-categoria">
										<h4 class="categoria">${section}</h4>
										<p>${place}</p>
									</div> <!-- cerrar box-categoria -->
	
									<div class="box-compartir">
										<p>
											<a class="facebook" href="#" title="comparte en facebook"><span>facebook</span></a>
											<a class="twitter" href="#" title="comparte en twitter"><span>twitter</span></a>
											<a class="e-mail" href="#" title="comparte por e-mail"><span>e-mail</span></a>
										</p>
									</div> <!-- cerrar box-compartir -->
								</div> <!-- cerrar precio-categoria-compartir -->
							</div> <!-- cerrar ofertacontent -->
							<div class="clear"></div>
						</div> <!-- cerrar content -->
						<div class="cierre"></div>
					</div> <!-- cerrar caja FEED -->	
</div>
<!-- CERRAR TEMPLATE OFERTAS-->

					<div class="vermas" id="hideafterclick">
						<p><a title="ver más resultados" href="javascript:loadOfertas();">más</a></p>
					</div>

</div> <!-- cerrar columna -->
	
<div class="clear"></div>

<div class="c-960">

	<div class="promolinea">
<!-- TPL FOOTER -->
<div class="hidden" id="block-footer">
	<div id="promos" class="json2">
	</div>
</div>
<div class="hidden" id="promos-template">
		<div class="caja c225 promocaja">
			<div class="content">
				<h3><a class="json2_link" target="${target}" title="${url}" href="javascript:void(0);">${title}</a></h3>
				<p class="small soft">
					<a class="json2_link" title="/detail/${id}" href="javascript:void(0);">
						<img class="json2_img" width="60" height="60" title="${img}" src="images/pix-trans.gif" alt="Hazte Afiliado de Qporama" />
						${text}
					</a>
				</p>
			</div> <!-- cerrar content -->
			<div class="cierre"></div>
		</div> <!-- cerrar promocaja -->
</div>	
<!-- /TPL FOOTER -->
	</div> <!-- cerrar promolinea -->

	<div class="clear"></div>

	<div class="caja c960 footer hidden" id="footer">
		<div class="content">
			<ul class="nav-list">
				<li><a href="#">Soy consumidor</a></li>
				<li><a href="#">Soy anunciante</a></li>
				<li><a href="#">Soy una marca</a></li>
				<li><a href="#">Quiero ser Afiliado</a></li>
				<li><a href="#">Quiero ser Partner</a></li>
				<li><a href="#">Prensa</a></li>
			</ul>
			<ul class="nav-list">
				<li><a href="#">Visita nuestro blog</a></li>
				<li><a href="#">¿Qué es y como fundiona?</a></li>
				<li><a href="#">FAQ</a></li>
				<li><a href="#">Sobre nosotros</a></li>
				<li><a href="#">Política de privacidad</a></li>
				<li><a href="#">Terminos de uso</a></li>
				<li><a href="#">API desarrolladores</a></li>
			</ul>

			<div class="frase-que-es">
				<p>Qporama es un recomendador de descuentos, ofertas y chollos que te ayuda a ahorrar hasta 900€ al año en tiendas, comercios o negocios cerca de ti. Praesent aliquam venenatis justo in ultrices. Sed ornare ipsum vitae metus malesuada pulvinar. Cras vel dui ac neque fermentum volutpat non eu nulla.</p>
			</div> <!-- / .frase-que-es -->

			<div class="que-grande">
				<h3 class="">Presentamos <span class="numero">586</span> establecimientos en <span class="numero">187</span> ciudades en <span class="numero">8</span> países.</h3>
			</div> <!-- / .que-grande -->

			<div class="legal">
				<p>© 2011 Qporama. Todos los derechos reservados <span class="xtrasoft">|</span> Síguenos en: <a title="Visita la página Facebook de Qporama" class="sn-facebook-foot" href="facebook"><span>facebook</span></a> <a title="Visita la página Twitter de Qporama" class="sn-twitter-foot" href="twitter"><span>twitter</span></a> &nbsp; <span class="xtrasoft">|</span> Subscríbete: <a title="Subscríbete a nuestro feed RSS" class="sn-rss-foot" href="rss"><span>rss</span></a></p>
			</div> <!-- / .legal -->

			<ul class="languages">
				<li><a href="#">english</a></li>
				<li><span class="xtrasoft">|</span></li>
				<li>español</li>
				<li><span class="xtrasoft">|</span></li>
				<li><a href="#">français</a></li>
			</ul>

		<div class="clear" style="height: 10px;"></div>

		</div> <!-- / .content -->
		<div class="cierre"></div>
	</div> <!-- / .caja.c960 -->
</div> <!-- / .c-960 -->

</div> <!-- cerrar page -->

<div id="gototop"><p><a href="#top">volver arriba</a></p> </div>


<script type="text/javascript">
var pagedrawer= new PageDrawer.Drawer();
var data={
"config":{
  "offers":{
    "url":"index\/coupons\/info\/id\/selected\/selected_coupons\/",
    "special_offers":["740","741"],
    "regular_offers":["742","743","744","745"]
    },
  "blocks_web":{
    "header":"1",
    "footer":"1",
    "corporate":"1",
    "coupons":"1"
    },
  "blocks_fb":{
    "header":"0",
    "footer":"0",
    "corporate":"0",
    "coupons":"1"
    }
  }
};
 var instOfertas= new CestaVip.CestaVipOfertas();
	instOfertas.initialize('block-ofertas');
	instOfertas.setCssJson('json1'); 

var instFooter = new CestaVip.CestaVipFooter();
	instFooter.initialize('block-footer');
	instFooter.setCssJson('json2'); 

$("#coupons").bind('initialize', null, function(e, url,special,regular){loadOfertas(url,special,regular); });
$("#footer").bind('initialize', null, function(){loadPromos(); });

pagedrawer.initialize(data);


 


function loadOfertas(url,special,regular){
	//alert(instOfertas);
	//if(Object.isUndefined(instOfertas)){
	instOfertas.ajaxGetData('ajax/getOfertas.php', 'block-ofertas');
	//}
}


	
function loadPromos(){
	instFooter.ajaxGetData('ajax/getPromos.php', 'block-footer');
}

</script>
</body>
</html>
